<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<script src="js/jquery-3.4.1.min.js"></script>
	</head>
	<body>
		<!-- 
		 基础语法是：$(selector).action()
		注意点：
		$(selector)会将选到的元素转换成jQuery的包装对象，而非DOM原生对象
		只有jQuery的包装对象才可以使用jQuery的方法
		 -->
		 <ul>
		 	<li id="aa">HELLO</li>
		 	<li class="bb">WORLD</li>
		 	<li>jQuery</li>
		 </ul>
		 
		 <script>
			 // $('li').hide();
			 // $('#aa').hide();
			 // $('.bb').hide();
			 
			 $('li').css('border','1px solid #aaa');
			 $('li').css('margin-bottom','5px');
			 
			 //设置多个属性的方法
			 // $('li').css('border','1px solid #aaa').css('margin-bottom','5px'');
			 // $('li').css({"border":"1px solid #aaa","margin-bottom":"5px"});
			 
			 $('#aa').css('list-style', 'none');
			 $('.bb').css('background','red');
		 </script>
	</body>
</html>
